<!DOCTYPE html>
{% load static %}
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>登录xx系统</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  {% include  "_css.html" %}
  <style type="text/css">
    body {
      margin-top: 80px;
      background-image: url('/static/custom/img/login_background.jpg');
    }

    .form-login {
      max-width: 330px;
      padding: 15px;
      margin: 0 auto;

    }

    .form-login .form-control {
      position: relative;
      height: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      font-size: 16px;
    }

    .form-login .form-control:focus {
      z-index: 2;
    }

    .form-login input[type="text"] {
      margin-bottom: -1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .form-login input[type="password"] {
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .col-md-4 {
      margin-left: 35%;
    }
  </style>

</head>

<body>
  <div class="container">
    <div class="col-md-4 col-md-offset-4">
      <form class="form-login" action="/login/" method="post">
        {% if message %}
        <div class="alert alert-warning" role="alert">{{ message }}</div>
        {% endif %}

        {% csrf_token %}
        <h2 class="text-center">vpnmanager</h2>
        <div class="form-group">
          <label for="id_username">用户名：</label>
          <input type="text" name="username" class="form-control" id="id_username" placeholder="Username" autofocus
            required />
        </div>
        <div class="form-group">
          <label for="id_password">密码：</label>
          <input type="password" name="password" class="form-control" id="id_password" placeholder="Password"
            required />
        </div>
        <button type="reset" class="btn btn-default pull-left">重置</button>
        <button type="submit" class="btn btn-success pull-right">提交</button>
      </form>
    </div>
  </div>

  {% include  "_js.html" %}

</body>

</html>